@charset 'gbk';
/*================== topbar start =====================*/
	/*----------------- topbar-black style start -----------------*/
	.topbar-black-style{
		background-color:#000;
	}
	.topbar-black-style .logo a{
		color:#fff;
	}
	.topbar-black-style .logo:hover{
		border-color:#eee;
	}
	.topbar-black-style .shortcut ul > li:hover{
		background-color:#333;
	}
	.topbar-black-style .shortcut ul > li a{
		color:#eee;
	}
	.topbar-black-style .search{
		border-bottom:1px solid #eee;
	}
	.topbar-black-style .search form input[type='text']{
		background:#000;
		color:#eee;
	}
	.topbar-black-style .userarea ul > li a{
		color:#eee;
	}
	.topbar-black-style .userarea ul > li:hover{
		background-color:#333
	}
	.topbar-black-style .userarea #userhead .sub-nav{
		background:#000;
	}
	.topbar-black-style .userarea #userhead .sub-nav li a{
		color:#eee;
	}
	.topbar-black-style .userarea #userhead .sub-nav li a:hover{
		background:#333;
	}
	
	/*----------------- topbarblack style end -----------------*/
	/*----------------- topbar-white style start -----------------*/

	.topbar-white-style{
		background-color:#fff;
	}
	.topbar-white-style .logo a{
		color:#444;
	}
	.topbar-white-style .logo:hover{
		border-color:#444;
	}
	.topbar-white-style .shortcut ul > li a{
		color:#444;
	}
	.topbar-white-style .shortcut ul > li a:hover{
		color:#ec1500;
	}
	.topbar-white-style .search{
		border-bottom:1px solid #aaa;
	}
	.topbar-white-style .search form input[type='text']{
		background:#fff;
		color:#444;
	}
	.topbar-white-style .userarea ul > li a{
		color:#444;
	}
	.topbar-white-style .userarea ul > li a:hover{
		color:#ec1500;
	}
	.topbar-white-style .userarea #news i{
		color:#777;
	}
	.topbar-white-style .userarea ul > li:nth-child(1):hover i{
		color:#ec1500;
	}
	.topbar-white-style .userarea #userhead .sub-nav{
		background:#fff;
	}
	.topbar-white-style .userarea #userhead .sub-nav li a{
		color:#444;
	}
	.topbar-white-style .userarea #userhead .sub-nav li a:hover{
		background:#eee;
	}
	/*----------------- topbar-white style end -----------------*/

	.topbar{
		height:80px;
		border:1px solid transparent;
	}
	.topbar .logo{
		float:left;
		margin-top:10px;
		width:200px;
		height:60px;
		border:1px solid transparent;
	}
	.topbar .logo a{
		display:block;
		font-size:30px;
		text-align:center;
	}
	.topbar .shortcut{
		float:left;
		margin-top:10px;
	}
	.topbar .shortcut ul > li{
		float:left;
		line-height:60px;
	}
	.topbar .shortcut ul > li a{
		display:block;
		padding:0 15px 0 15px;
		font-size:16px;
	}
	.topbar .search{
		position:relative;
		float:right;
		padding-bottom:5px;
		margin-top:12px;
	}
	.topbar .search form input[type='text']{
		float:left;
		padding-left:10px;
		width:240px;
		height:30px;
		vertical-align:center;
		font-size:14px;
		border:none;
		outline:none;
	}
	.topbar .search form button{
		float:left;
		width:40px;
		height:32px;
		background-color:transparent;
		border:none;
		outline:none;
		vertical-align:center;
		cursor:pointer;
	}
	.topbar .userarea{
		float:right;
		margin:10px 30px 0 0;
	}
	.topbar .userarea ul > li{
		float:left;
		line-height:60px;
	}
	.topbar .userarea ul > li a{
		display:block;
		padding:0 15px;
		font-size:16px;
	}
	.topbar .userarea ul > li a b{
		display:inline-block;
		position:absolute;
		width:20px;
		height:20px;
		font-size:12px;
		font-weight:normal;
		color:#fff;
		line-height:20px;
		text-align:center;
		border-radius:50%;
	}
	.topbar .userarea ul > li a #shopcar-num{
		top:11px;
		left:21px;
	}
	.topbar .userarea ul > li a #news-num{
		top:10px;
		left:24px;
	}
	.topbar .userarea #news{
		display:none;
	}
	.topbar .userarea #userhead{
		display:none;
		position:relative;
	}
	.topbar .userarea #userhead:hover{
		background:transparent;
	}
	.topbar .userarea #userhead:hover .sub-nav{
		padding:10px 0 5px;
		height:80px;
	}
	.topbar .userarea #userhead a{
		display:block;
	}
	.topbar .userarea #userhead a img{
		border-radius:50%;
	}
	.topbar .userarea #userhead .sub-nav{
		position:absolute;
		top:62px;
		left:-20px;
		z-index:99999;
		width:110px;
		height:0px;
		border-radius:0 0 3px 3px;
		overflow:hidden;
		transition:0.3s;
	}
	.topbar .userarea #userhead .sub-nav li a{
		display:block;
		width:80px;
		height:40px;
		font-size:14px;
		text-align:center;
		line-height:40px;
	}
	
/*================== topbar end =====================*/

/*================ footer start ================*/

	#footer{
		margin-top:200px;
		height:200px;
		background-color:#000;
	}

/*================ footer end ================*/
